﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Guedes.master" AutoEventWireup="true"
    CodeFile="produto_balde_gelita.aspx.cs" Inherits="produto_balde_gelita" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/JavaScript" src="./scripts/cloud-zoom.1.0.2.min.js"></script>
    <script type="text/javascript" src="./scripts/rating/rating.js"></script>
    <link href="./scripts/rating/jquery.rating.css" rel="stylesheet" type="text/css" />
    <link href="./style/cloud-zoom.css" rel="stylesheet" type="text/css" />
    <link href="style/Pordutos/ProdutosBalde_Gelia.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">

        $(window).load(function () {
            $(".rating").rating({
                showCancel: false
            });
            $("#serialStar2").bind("change", function () {
                $('#serialString2').text($('#serialStar2').serialize());
                document.getElementById('<%= Hidden1.ClientID %>').value = $('#serialStar2').serialize();
            });
        })
       
    </script>

    <script type="text/javascript">
        $(window).load(function () {

            var url = document.getElementById('<%= HiddenImg.ClientID %>').value;

            href = document.getElementById('zoom1').href = url;

            src = document.getElementById('img1').src = url;

            $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();

        })

     </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="containerProd typeface-js">
        <div style="width: 100%;">
            <div id="chamada">
            </div>
            <div style="float: right; margin-top: 12px; margin-right: 30px;">
                <a href="orcamento.aspx" id="linkOrcamento">FAÇA O ORÇAMENTO DESTE ITEM</a></div>
            <div class="nameProd">
                <asp:Label ID="nameProd" runat="server">Nossos Produtos</asp:Label></div>
                <asp:HiddenField ID="HiddenImg" runat="server" />
        </div>
        <div class="frontPic">
            <%--A foto do link primário deve ser posta manualmente quando a foto da CATEGORIA for definida. deve ser a mesma!--%>
            <a href='' class='cloud-zoom' id='zoom1' rel="softfocus:'true', position:'inside'">
                <img id="img1" src="" style="height: 404px; width: 612px;" alt=''/>
            </a>
        </div>
        <div>
            <div class="boxtop">
                <p class="txtProd typeface-js" style="font: 15px; margin-left: 20px; padding-top: 20px;">
                    Aqui estão alguns modelos<br />
                    de baldes</p>
<ul style="margin: 0px auto; padding-left: 15px;">
                    <asp:Repeater ID="Repeater2" runat="server" OnItemDataBound="Repeater2_OnItemDataBound">
                        <ItemTemplate>
                            <li style="display: inline; margin-left: 8px;"><a id="galBut" href="" class='cloud-zoom-gallery'
                                rel="" runat="server">
                                <img id="imgThumb" src="" alt="" runat="server" style="border: 4px solid #ffffff;" />
                            </a></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
            <div class="avalie typeface-js">
                <div style="padding-top: 50px; padding-left: 30px;">
                    <select name="myRating" class="rating" id="serialStar2">
                        <option value="1"></option>
                        <option value="2"></option>
                        <option value="3" selected="selected"></option>
                        <option value="4"></option>
                        <option value="5"></option>
                    </select>
                    <label class="txtProd" style="margin-left: 15px; padding-top: 2px;">
                        avalie este produto</label></div>
                <div style="display: block; margin: 8px auto; padding-left: 20px;">
                    <asp:HiddenField ID="Hidden1" runat="server" />
                    <asp:TextBox ID="txtName" Text="Nome" runat="server" CssClass="txtBoxProd" onfocus="this.value=''"></asp:TextBox><br />
                    <asp:TextBox ID="txtComent" Text="Comentário" runat="server" CssClass="txtBoxProd" onfocus="this.value=''"></asp:TextBox><br />
                    <div style="margin-top: 10px;"><label class="txtProd" style="margin-left: 180px;">
                        <asp:LinkButton ID="btnVota" Text="Comentar" OnCommand="LinkButton_Command" CommandName="Order"
                            CommandArgument="" runat="server" CssClass="txtProd" /></label></div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <div style="height: 400px;">
        <div style="float: left; width: 243px; margin-top: 30px;">
            <div class="divBorderMini lft_caneca" style="margin-top: 15px;">
                <a href="canecas.aspx">
                    <img src="./galeria/lft_menu/transp.png" alt="" />
                </a>
            </div>
            <div class="divBorderMini lft_kit" style="margin-top: 15px;">
                <a href="kit_refeitorio.aspx">
                    <img src="./galeria/lft_menu/transp.png" alt="" />
                </a>
            </div>
            <div class="divBorderMini lft_chopeira" style="margin-top: 15px;">
                <a href="chopeiras.aspx">
                    <img src="./galeria/lft_menu/transp.png" alt="" />
                </a>
            </div>
            <div class="divBorderMini lft_balde lft_on" style="margin-top: 15px;">
                <a href="balde_gelita.aspx">
                    <img src="./galeria/lft_menu/transp.png" alt="" />
                </a>
            </div>
            <div class="divBorderMini lft_lembrancas" style="margin-top: 15px;">
                <a href="lembrancas.aspx">
                    <img src="./galeria/lft_menu/transp.png" alt="" />
                </a>
            </div>
        </div>
    </div>
    <div class="comentBox myriad typeface-js">
        <asp:Repeater ID="Repeater1" OnItemDataBound="Repeater1_OnItemDataBound" runat="server">
            <ItemTemplate>
                <div class="divBorder myriad typeface-js">
                    <ul style="padding-top: 5px; margin-left: -25px;">
                        <li style="display: inline;">
                        <div style="height: 30px; width: auto; display: inline; vertical-align: middle; padding:0px; margin:-2px 0 0 0;">
                            <asp:Label ID="lblNome" runat="server"></asp:Label></div></li>
                        
                        <li style="display: inline; padding-left: 5px;">
                        <div style="height: 30px; width: auto; display: inline; padding-top: 5px;">
                            <asp:Image ID="rating" ImageUrl="" runat="server" />
                        </div>
                        </li>
                        <li style="display: block;">
                        
                            <asp:Literal ID="litComent" runat="server"></asp:Literal></li>
                        
                    </ul>
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
</asp:Content>
